<template>
	<view>
		<panel title="单选框">
			<z-radio :items="radioGroup" v-model="sex" color="info" @change="onChange"></z-radio>
		</panel>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radioGroup:[
					{name:'men', value:'男', checked:true},
					{name:'femen', value:'女'},
					{name:'none', value:'未知（禁用）', disabled:true},
				],
				sex: 'men'
			}
		},
		methods: {
			onChange(e){
				console.log(this.sex)
			}
		}
	}
</script>

<style lang="scss">
page{
	background: $page-bg;
}
</style>
